<template>
  <el-dialog
    class="dialogStyle"
    style="width: 90vw"
    :title="'2-2南部皮带组合开关'"
    v-model="visible"
  >
    <div class="container">
      <!-- 机头760S电控箱 -->
      <div class="panel-container">
        <div class="panel">
          <div class="panel-header">
            <h2>机头760S电控箱</h2>
            <span class="voltage"
              >设备电压
              {{
                computedResults("Head760SEBoxLeftVolt_AI", operator.NO, null, 2)
                  .value
              }}
              V</span
            >
          </div>
          <div class="table-container">
            <el-row class="header-row">
              <el-col :span="3">设备名称</el-col>
              <el-col :span="2">回路</el-col>
              <el-col :span="1">运行状态</el-col>
              <el-col :span="2">运行电流A</el-col>
              <el-col :span="2">运行电流B</el-col>
              <el-col :span="2">运行电流C</el-col>
              <el-col :span="1">整定电流</el-col>
              <el-col :span="1">短路倍数</el-col>
              <el-col :span="2">启动器回路故障指示</el-col>
              <el-col :span="2">启动器过载故障</el-col>
              <el-col :span="2">启动器缺相故障</el-col>
              <el-col :span="2">启动器漏电闭锁故障</el-col>
              <el-col :span="2">启动器短路故障</el-col>
            </el-row>
            <el-row>
              <el-col :span="3">一号电机冷却风机</el-col>
              <el-col :span="2">第一回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('FanRun1_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot1CoolFan1OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot1CoolFan1OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot1CoolFan1OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "Mot1CoolFan1RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "Mot1CoolFan1ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot1CoolFan1StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Mot1CoolFan1StrOvldFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot1CoolFan1StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot1CoolFan1StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Mot1CoolFan1StrShortFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">一号电机冷却水泵</el-col>
              <el-col :span="2">第二回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('WPumpRun1_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot1CoolWPump2OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot1CoolWPump2OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot1CoolWPump2OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "Mot1CoolWPump2RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "Mot1CoolWPump2ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot1CoolWPump2StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot1CoolWPump2StrOvldFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot1CoolWPump2StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot1CoolWPump2StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot1CoolWPump2StrShortFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">二号电机冷却风机</el-col>
              <el-col :span="2">第三回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('FanRun2_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot2CoolFan3OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot2CoolFan3OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot2CoolFan3OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "Mot2CoolFan3RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "Mot2CoolFan3ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot2CoolFan3StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Mot2CoolFan3StrOvldFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot2CoolFan3StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot2CoolFan3StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Mot2CoolFan3StrShortFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">二号电机冷却水泵</el-col>
              <el-col :span="2">第四回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('WPumpRun2_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot2CoolWPump4OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot2CoolWPump4OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot2CoolWPump4OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "Mot2CoolWPump4RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "Mot2CoolWPump4ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot2CoolWPump4StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot2CoolWPump4StrOvldFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot2CoolWPump4StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot2CoolWPump4StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot2CoolWPump4StrShortFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">三号电机冷却风机</el-col>
              <el-col :span="2">第五回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('FanRun3_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot3CoolFan5OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot3CoolFan5OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot3CoolFan5OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "Mot3CoolFan5RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "Mot3CoolFan5ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot3CoolFan5StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Mot3CoolFan5StrOvldFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot3CoolFan5StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot3CoolFan5StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Mot3CoolFan5StrShortFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">三号电机冷却水泵</el-col>
              <el-col :span="2">第六回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('WPumpRun3_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot3CoolWPump6OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot3CoolWPump6OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot3CoolWPump6OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "Mot3CoolWPump6RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "Mot3CoolWPump6ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot3CoolWPump6StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot3CoolWPump6StrOvldFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >无点
                <div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot3CoolWPump6StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot3CoolWPump6StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot3CoolWPump6StrShortFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">抱闸开关</el-col>
              <el-col :span="2">第七回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('BrakeSw7RUNSts_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults("BrakeSw7OpCurrA_AI", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("BrakeSw7OpCurrB_AI", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("BrakeSw7OpCurrC_AI", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults("BrakeSw7RatedCurr_AI", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="1">{{
                computedResults("BrakeSw7ShortRatio_AI", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('BrakeSw7StrLoopFaultInd_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('BrakeSw7StrOvldFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('BrakeSw7StrPhaseLossFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('BrakeSw7StrEarthLeakFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('BrakeSw7StrShortFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
          </div>
        </div>

        <div class="panel">
          <div class="panel-header">
            <h2>机头760S电控箱</h2>
            <span class="voltage"
              >设备电压
              {{
                computedResults(
                  "Head760SEBoxRightVolt_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}
              V</span
            >
          </div>
          <div class="table-container">
            <el-row class="header-row">
              <el-col :span="3">设备名称</el-col>
              <el-col :span="2">回路</el-col>
              <el-col :span="1">运行状态</el-col>
              <el-col :span="2">运行电流A</el-col>
              <el-col :span="2">运行电流B</el-col>
              <el-col :span="2">运行电流C</el-col>
              <el-col :span="1">整定电流</el-col>
              <el-col :span="1">短路倍数</el-col>
              <el-col :span="2">启动器回路故障指示</el-col>
              <el-col :span="2">启动器过载故障</el-col>
              <el-col :span="2">启动器缺相故障</el-col>
              <el-col :span="2">启动器漏电闭锁故障</el-col>
              <el-col :span="2">启动器短路故障</el-col>
            </el-row>
            <el-row>
              <el-col :span="3">变频器换热站水泵1</el-col>
              <el-col :span="2">第一回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('InvHExchWPump1RUNSts_DI', operator.NO)
                      .value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "InvHExchWPump1OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "InvHExchWPump1OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "InvHExchWPump1OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "InvHExchWPump1RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "InvHExchWPump1ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchWPump1StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchWPump1StrOvldFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchWPump1StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchWPump1StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchWPump1StrShortFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">变频器换热站风机1</el-col>
              <el-col :span="2">第二回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('InvHExchFan2RUNSts_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "InvHExchFan2OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "InvHExchFan2OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "InvHExchFan2OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "InvHExchFan2RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "InvHExchFan2ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchFan2StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('InvHExchFan2StrOvldFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchFan2StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchFan2StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('InvHExchFan2StrShortFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">机头可编程控制箱</el-col>
              <el-col :span="2">第三回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('HeadProgBox3RUNSts_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "HeadProgBox3OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "HeadProgBox3OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "HeadProgBox3OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "HeadProgBox3RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "HeadProgBox3ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'HeadProgBox3StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('HeadProgBox3StrOvldFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'HeadProgBox3StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'HeadProgBox3StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('HeadProgBox3StrShortFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">备用</el-col>
              <el-col :span="2">第四回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare4RUNSts_DI1', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults("Spare4OpCurrA_AI1", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare4OpCurrB_AI1", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare4OpCurrC_AI1", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults("Spare4RatedCurr_AI1", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="1">{{
                computedResults("Spare4ShortRatio_AI1", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare4StrLoopFaultInd_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare4StrOvldFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare4StrPhaseLossFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare4StrEarthLeakFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare4StrShortFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">备用</el-col>
              <el-col :span="2">第五回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare5RUNSts_DI1', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults("Spare5OpCurrA_AI1", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare5OpCurrB_AI1", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare5OpCurrC_AI1", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults("Spare5RatedCurr_AI1", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="1">{{
                computedResults("Spare5ShortRatio_AI1", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare5StrLoopFaultInd_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare5StrOvldFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare5StrPhaseLossFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare5StrEarthLeakFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare5StrShortFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">备用</el-col>
              <el-col :span="2">第六回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare6RUNSts_DI1', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults("Spare6OpCurrA_AI1", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare6OpCurrB_AI1", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare6OpCurrC_AI1", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults("Spare6RatedCurr_AI1", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="1">{{
                computedResults("Spare6ShortRatio_AI1", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare6StrLoopFaultInd_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare6StrOvldFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare6StrPhaseLossFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare6StrEarthLeakFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare6StrShortFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">备用</el-col>
              <el-col :span="2">第七回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare7RUNSts_DI1', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults("Spare7OpCurrA_AI1", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare7OpCurrB_AI1", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare7OpCurrC_AI1", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults("Spare7RatedCurr_AI1", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="1">{{
                computedResults("Spare7ShortRatio_AI1", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare7StrLoopFaultInd_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare7StrOvldFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare7StrPhaseLossFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare7StrEarthLeakFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare7StrShortFault_AI1', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
          </div>
        </div>
      </div>

      <!-- 机尾760S电控箱 -->
      <div class="panel-container">
        <div class="panel">
          <div class="panel-header">
            <h2>机尾760S电控箱</h2>
            <span class="voltage"
              >设备电压
              {{
                computedResults("Tail760SEBoxLeftVolt_AI", operator.NO, null, 2)
                  .value
              }}
              V</span
            >
          </div>
          <div class="table-container">
            <el-row class="header-row">
              <el-col :span="3">设备名称</el-col>
              <el-col :span="2">回路</el-col>
              <el-col :span="1">运行状态</el-col>
              <el-col :span="2">运行电流A</el-col>
              <el-col :span="2">运行电流B</el-col>
              <el-col :span="2">运行电流C</el-col>
              <el-col :span="1">整定电流</el-col>
              <el-col :span="1">短路倍数</el-col>
              <el-col :span="2">启动器回路故障指示</el-col>
              <el-col :span="2">启动器过载故障</el-col>
              <el-col :span="2">启动器缺相故障</el-col>
              <el-col :span="2">启动器漏电闭锁故障</el-col>
              <el-col :span="2">启动器短路故障</el-col>
            </el-row>
            <el-row>
              <el-col :span="3">四号电机冷却风机</el-col>
              <el-col :span="2">第一回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Mot4CoolFan1RUNSts_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot4CoolFan1OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot4CoolFan1OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot4CoolFan1OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "Mot4CoolFan1RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "Mot4CoolFan1ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot4CoolFan1StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Mot4CoolFan1StrOvldFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot4CoolFan1StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot4CoolFan1StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Mot4CoolFan1StrShortFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">四号电机冷却水泵</el-col>
              <el-col :span="2">第二回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Mot4CoolWPump2RUNSts_DI', operator.NO)
                      .value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot4CoolWPump2OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot4CoolWPump2OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot4CoolWPump2OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "Mot4CoolWPump2RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "Mot4CoolWPump2ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot4CoolWPump2StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot4CoolWPump2StrOvldFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot4CoolWPump2StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot4CoolWPump2StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot4CoolWPump2StrShortFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">五号电机冷却风机</el-col>
              <el-col :span="2">第三回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Mot5CoolFan3RUNSts_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot5CoolFan3OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot5CoolFan3OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot5CoolFan3OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "Mot5CoolFan3RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "Mot5CoolFan3ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot5CoolFan3StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Mot5CoolFan3StrOvldFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot5CoolFan3StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot5CoolFan3StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Mot5CoolFan3StrShortFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">五号电机冷却水泵</el-col>
              <el-col :span="2">第四回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Mot5CoolWPump4RUNSts_DI', operator.NO)
                      .value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot5CoolWPump4OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot5CoolWPump4OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "Mot5CoolWPump4OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "Mot5CoolWPump4RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "Mot5CoolWPump4ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot5CoolWPump4StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot5CoolWPump4StrOvldFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot5CoolWPump4StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot5CoolWPump4StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'Mot5CoolWPump4StrShortFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">变频器换热站风机2</el-col>
              <el-col :span="2">第五回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('InvHExchFan5RUNSts_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "InvHExchFan5OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "InvHExchFan5OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "InvHExchFan5OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "InvHExchFan5RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "InvHExchFan5ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchFan5StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('InvHExchFan5StrOvldFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchFan5StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchFan5StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('InvHExchFan5StrShortFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">变频器换热站水泵2</el-col>
              <el-col :span="2">第六回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('InvHExchWPump6RUNSts_DI', operator.NO)
                      .value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "InvHExchWPump6OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "InvHExchWPump6OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "InvHExchWPump6OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "InvHExchWPump6RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "InvHExchWPump6ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchWPump6StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchWPump6StrOvldFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchWPump6StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchWPump6StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'InvHExchWPump6StrShortFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">中驱可编程控制箱</el-col>
              <el-col :span="2">第七回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('MidDriveBox7RUNSts_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults(
                    "MidDriveBox7OpCurrA_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "MidDriveBox7OpCurrB_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults(
                    "MidDriveBox7OpCurrC_AI",
                    operator.NO,
                    null,
                    2
                  ).value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults(
                  "MidDriveBox7RatedCurr_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="1">{{
                computedResults(
                  "MidDriveBox7ShortRatio_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'MidDriveBox7StrLoopFaultInd_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('MidDriveBox7StrOvldFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'MidDriveBox7StrPhaseLossFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults(
                      'MidDriveBox7StrEarthLeakFault_AI',
                      operator.NO
                    ).value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('MidDriveBox7StrShortFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
          </div>
        </div>

        <div class="panel">
          <div class="panel-header">
            <h2>机尾760S电控箱</h2>
            <span class="voltage"
              >设备电压
              {{
                computedResults(
                  "Tail760SEBoxRightVolt_AI",
                  operator.NO,
                  null,
                  2
                ).value
              }}
              V</span
            >
          </div>
          <div class="table-container">
            <el-row class="header-row">
              <el-col :span="3">设备名称</el-col>
              <el-col :span="2">回路</el-col>
              <el-col :span="1">运行状态</el-col>
              <el-col :span="2">运行电流A</el-col>
              <el-col :span="2">运行电流B</el-col>
              <el-col :span="2">运行电流C</el-col>
              <el-col :span="1">整定电流</el-col>
              <el-col :span="1">短路倍数</el-col>
              <el-col :span="2">启动器回路故障指示</el-col>
              <el-col :span="2">启动器过载故障</el-col>
              <el-col :span="2">启动器缺相故障</el-col>
              <el-col :span="2">启动器漏电闭锁故障</el-col>
              <el-col :span="2">启动器短路故障</el-col>
            </el-row>
            <el-row>
              <el-col :span="3">备用</el-col>
              <el-col :span="2">第一回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare1RUNSts_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults("Spare1OpCurrA_AI", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare1OpCurrB_AI", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare1OpCurrC_AI", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults("Spare1RatedCurr_AI", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="1">{{
                computedResults("Spare1ShortRatio_AI", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare1StrLoopFaultInd_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare1StrOvldFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare1StrPhaseLossFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare1StrEarthLeakFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare1trShortFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">备用</el-col>
              <el-col :span="2">第二回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare2RUNSts_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults("Spare2OpCurrA_AI", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare2OpCurrB_AI", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare2OpCurrC_AI", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults("Spare2RatedCurr_AI", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="1">{{
                computedResults("Spare2ShortRatio_AI", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare2StrLoopFaultInd_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare2StrOvldFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare2StrPhaseLossFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare2StrEarthLeakFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare2StrShortFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">备用</el-col>
              <el-col :span="2">第三回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare3RUNSts_DI', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults("Spare3OpCurrA_AI", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare3OpCurrB_AI", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare3OpCurrC_AI", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults("Spare3RatedCurr_AI", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="1">{{
                computedResults("Spare3ShortRatio_AI", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare3StrLoopFaultInd_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare3StrOvldFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare3StrPhaseLossFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare3StrEarthLeakFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare3StrShortFault_AI', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">备用</el-col>
              <el-col :span="2">第四回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare4RUNSts_DI2', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults("Spare4OpCurrA_AI2", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare4OpCurrB_AI2", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare4OpCurrC_AI2", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults("Spare4RatedCurr_AI2", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="1">{{
                computedResults("Spare4ShortRatio_AI2", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare4StrLoopFaultInd_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare4StrOvldFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare4StrPhaseLossFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare4StrEarthLeakFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare4StrShortFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">备用</el-col>
              <el-col :span="2">第五回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare5RUNSts_DI2', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults("Spare5OpCurrA_AI2", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare5OpCurrB_AI2", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare5OpCurrC_AI2", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults("Spare5RatedCurr_AI2", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="1">{{
                computedResults("Spare5ShortRatio_AI2", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare5StrLoopFaultInd_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare5StrOvldFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare5StrPhaseLossFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare5StrEarthLeakFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare5StrShortFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">备用</el-col>
              <el-col :span="2">第六回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare6RUNSts_DI2', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults("Spare6OpCurrA_AI2", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare6OpCurrB_AI2", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare6OpCurrC_AI2", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults("Spare6RatedCurr_AI2", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="1">{{
                computedResults("Spare6ShortRatio_AI2", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare6StrLoopFaultInd_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare6StrOvldFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare6StrPhaseLossFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare6StrEarthLeakFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare6StrShortFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
            <el-row>
              <el-col :span="3">备用</el-col>
              <el-col :span="2">第七回路</el-col>
              <el-col :span="1"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare7RUNSts_DI2', operator.NO).value
                      ? 'green'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                >{{
                  computedResults("Spare7OpCurrA_AI2", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare7OpCurrB_AI2", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="2"
                >{{
                  computedResults("Spare7OpCurrC_AI2", operator.NO, null, 2)
                    .value
                }}
                A</el-col
              >
              <el-col :span="1">{{
                computedResults("Spare7RatedCurr_AI2", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="1">{{
                computedResults("Spare7ShortRatio_AI2", operator.NO, null, 2)
                  .value
              }}</el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare7StrLoopFaultInd_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare7StrOvldFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare7StrPhaseLossFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare7StrEarthLeakFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
              <el-col :span="2"
                ><div
                  class="indicator-light"
                  :class="
                    computedResults('Spare7StrShortFault_AI2', operator.NO)
                      .value === 1
                      ? 'red'
                      : 'grey'
                  "
                ></div
              ></el-col>
            </el-row>
          </div>
        </div>
      </div>
    </div>
  </el-dialog>
</template>

<script setup lang="ts">
import { ref, computed } from "vue";
import { act } from "@/utils/websocket";
import { operator } from "@/utils/op_enums";
import { useTagResults } from "@/utils/useTagResults";

const visible = ref(false);

const computedResults = (
  key: string,
  op: operator,
  op_number?: number,
  retain?: number
) =>
  computed(() => {
    return useTagResults(act.PD_22N.PD_22_N[key], op, op_number, retain);
  });

const openDialog = () => {
  visible.value = true;
};

defineExpose({
  openDialog,
});
</script>

<style scoped lang="scss">
.dialogStyle {
  .container {
    display: flex;
    flex-direction: column;
    gap: 20px;
  }

  .panel-container {
    display: flex;
    gap: 15px;
    width: 100%;
  }

  .panel {
    flex: 1;
    display: flex;
    flex-direction: column;
    background-color: var(--el-bg-color);
    border-radius: 4px;
    overflow: hidden;
    box-shadow: 0 1px 4px rgba(0, 0, 0, 0.1);
  }

  .panel-header {
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 10px 15px;
    background-color: var(--el-color-primary-light-9);
    border-bottom: 1px solid var(--el-border-color-light);

    h2 {
      margin: 0;
      font-size: 16px;
      font-weight: 500;
      color: var(--el-text-color-primary);
    }

    .voltage {
      font-size: 14px;
      color: var(--el-text-color-regular);
    }
  }

  .table-container {
    overflow-x: auto;
    border: 1px solid var(--el-border-color-light);
  }

  .header-row {
    .el-col {
      background-color: var(--el-fill-color) !important;
      font-weight: 500;
      color: var(--el-text-color-primary);
      padding: 8px 5px;
      text-align: center;
      font-size: 13px;
    }
  }

  .el-row {
    .el-col {
      border: 1px solid var(--el-border-color-lighter);
      padding: 6px 5px;
      text-align: center;
      font-size: 12px;
      color: var(--el-text-color-regular);
      min-height: 36px;
      display: flex;
      align-items: center;
      justify-content: center;

      
      &:first-child {
        font-weight: 500;
        color: var(--el-text-color-primary);
        background-color: var(--el-fill-color-lighter);
      }
    }
  }

  .indicator-light {
    width: 16px;
    height: 16px;
    border-radius: 50%;
    margin: 0 auto;
    border: 1px solid var(--el-border-color);

    @extend %status-colors;
  }

  // 定义基础颜色类（只定义一次）
  %status-colors {
    &.green {
      background-color: var(--el-color-success);
    }
    &.red {
      background-color: var(--el-color-danger);
    }
    &.yellow {
      background-color: var(--el-color-warning);
    }
    &.grey {
      background-color: var(--el-border-color-dark); // 比默认边框色更深的灰色
    }
  }
}
</style>
